body{
	text-align: center;
	font-family: "Lucida Grande";
}
#grand{
	margin: auto;
    width: 300px;
    height: auto;
    overflow: auto;
}
button{
	margin: 2px 0;
	float: left;
}
.text{
	margin: 2px 0 ;
	text-align: right;
	width: 100px;
	height: auto;
	float: left; 
}
#time{
	margin: 2px 0;
	width: 30px;
	height: auto;
	float: left;
}
#message{
	margin: 2px 0;
	width: 130px;
	float: left;
}
#score{
	margin: 2px 0;
	width: 47px;
	height: auto;
	float: left;
}
#map{
	width: 300px;
  	height: 180px;
  	margin: 30px auto;
  	border-top: 1px solid gray; 
  	border-bottom: 1px solid gray; 
  	padding-top: 10px;
  	padding-bottom: 10px;
  	display: grid;
  	grid-template: repeat(6, 1fr) / repeat(10, 1fr);

}
.mouse{
	background-color: red;
}

h3{
	margin: 10px 80px; 
	text-align: left;
}
.instruction{
	margin: 0px 100px; 
	text-align: left;
	font-size: 15px;
}